<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta>
  <title>Thrive Mobile Application</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
  
  <!--- Some jquery stuff --->
	<link rel="stylesheet" href="../../scripts/jquery.mobile-1.0.1/jquery.mobile-1.1.0-rc.1.min.css" type="text/css" />
    <link rel="stylesheet" href="../../scripts/jquery.mobile-1.0.1/thrive-theme.css" type="text/css">
    <script src="../../scripts/jquery.mobile-1.0.1/jquery-1.6.4.min.js" type="text/javascript"></script>
    <script src="../../scripts/Thrive.js"  type="text/javascript"></script>
    <script src="AccountControl.js" type="text/javascript"></script>
    <script src="../Feel/Feel.js" type="text/javascript"></script>
    <script src="../Believe/Believe.js" type="text/javascript"></script>
    <script src="../Shine/Shine.js" type="text/javascript"></script>
    <script src="../Gather/Gather.js" type="text/javascript"></script>
    <script src="../MindMap/MindMap.js" type="text/javascript"></script>
    <script src="../../scripts/jquery.mobile-1.0.1/jquery.mobile-1.1.0-rc.1.min.js" type="text/javascript"></script>
    <link rel="stylesheet" href="../../css/style.css" type="text/css" />
</head>

<body>
<div id="admin" data-role="page" data-theme="a">

	<script type="text/javascript">
		$("#connect").live('change', function() {
			changeConnect();
		});
		
		$("#device_change").live('change', function() {
			changeDeviceID();
		});
		
		$("#auto_login").live('click', function() {
			autoLogin();
		});
		
		$("#alerts").live('change', function() {
			changeAlerts();
		});
		
		$("#theme").live('change', function() {
			alert("coming soon");
		});
    </script>
    
    <div data-role="header" data-theme="a">
    	<a href="../../index.html" data-role="button" data-icon="arrow-l">Thrive</a>
        <h1>Admin</h1>
    </div>
    
    <div data-role="content" data-theme="a">
		
	<form id="admin_form" selected="true">
    
		<fieldset>
                      
                <div class="row">
                <label for="connect">Connect to:</label>
                <input type="text" name="connect" id="connect" value="http://cmer2.socs.uoguelph.ca/mhealth/ThriveServer/"  />
                </div>
                
                <div class="row">
                <label for="device_change" class="select">Device ID:</label>
                <select name="device_change" id="device_change">
                    <option value="0">1234567</option>
                    <option value="1">9999</option>
                    <option value="2">2907456</option>
                    <option value="3">NULL</option>
                </select>
                </div>
                
                <div class="row">
                <label for="alerts" class="select">Show alert messages?</label>
                <select name="alerts" id="alerts">
                    <option value="false">No</option>
                    <option value="true">Yes</option>
                </select>
                </div>
              
                
                <div class="row">
                <label for="theme" class="select">Theme (not functional):</label>
                <select name="theme" id="theme">
                    <option value="thrive">Thrive</option>
                    <option value="other">Other</option>
                </select>
                </div>
                
				<div class="row">
                <input type="button" id="auto_login" value="Auto Login as TESTER" />
                </div>

                

		</fieldset>
	</form>
    
    </div>
    </div>
</body>

</html>
